<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>幻冰后台首页vbase版本-demo</title>
<link rel="stylesheet" type="text/css" href="../../kuoqi-ui/ui.dev.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="https://res.kuoqps.com/kuoqi-js/ver1/kq.1.08.js"></script>
<script src="https://res.kuoqps.com/kuoqi-js/plug-in/keycode/kq.keycode.js"></script>
<script src="../../kuoqi-ui/ui.dev.js"></script>
<script src="js/main.js"></script>
</head>

<body>
<!--页面信息-->
<div class="container-fluid">
  <div class="row">
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-add"></i> </div>
        <div class="col-other"><span class="label label-small">增加图标</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-edit"></i> </div>
        <div class="col-other"><span class="label label-small">编辑图标</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-del"></i> </div>
        <div class="col-other"><span class="label label-small">删除图标</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-scan"></i> </div>
        <div class="col-other"><span class="label label-small">查看图标</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-arrowup"></i> </div>
        <div class="col-other"><span class="label label-small">向上箭头</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-arrowright"></i> </div>
        <div class="col-other"><span class="label label-small">向右箭头</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-arrowdown"></i> </div>
        <div class="col-other"><span class="label label-small">向下箭头</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-arrowleft"></i> </div>
        <div class="col-other"><span class="label label-small">向左箭头</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-arrowdoubleright"></i> </div>
        <div class="col-other"><span class="label label-small">向右双箭头</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-arrowdoubleleft"></i> </div>
        <div class="col-other"><span class="label label-small">向左双箭头</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-setting"></i> </div>
        <div class="col-other"><span class="label label-small">setting</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-search"></i> </div>
        <div class="col-other"><span class="label label-small">search</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-imgartic"></i> </div>
        <div class="col-other"><span class="label label-small">imgartic</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-admin-role"></i> </div>
        <div class="col-other"><span class="label label-small">admin-role</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-lock"></i> </div>
        <div class="col-other"><span class="label label-small">lock</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-menu"></i> </div>
        <div class="col-other"><span class="label label-small">menu</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-img"></i> </div>
        <div class="col-other"><span class="label label-small">img</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-imgs"></i> </div>
        <div class="col-other"><span class="label label-small">imgs</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-personal"></i> </div>
        <div class="col-other"><span class="label label-small">personal</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-collect"></i> </div>
        <div class="col-other"><span class="label label-small">collect</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-collect-full"></i> </div>
        <div class="col-other"><span class="label label-small">collect-full</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-hot"></i> </div>
        <div class="col-other"><span class="label label-small">hot</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-more-a"></i> </div>
        <div class="col-other"><span class="label label-small">more-a</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-more-b"></i> </div>
        <div class="col-other"><span class="label label-small">more-b</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-warn"></i> </div>
        <div class="col-other"><span class="label label-small">warn</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-empty"></i> </div>
        <div class="col-other"><span class="label label-small">empty</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-refresh"></i> </div>
        <div class="col-other"><span class="label label-small">refresh</span></div>
      </div>
    </div>
    
    <!---->
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-home"></i> </div>
        <div class="col-other"><span class="label label-small">home</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-person"></i> </div>
        <div class="col-other"><span class="label label-small">person</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-person-stalker"></i> </div>
        <div class="col-other"><span class="label label-small">person-stalker</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-email"></i> </div>
        <div class="col-other"><span class="label label-small">email</span></div>
      </div>
    </div>
    <div class="col-4">
      <div class="row-flex text-ch mgb-5">
        <div class="col-auto"> <i class="icon icon-star"></i> </div>
        <div class="col-other"><span class="label label-small">star&#x2606;</span></div>
      </div>
    </div>
  </div>
</div>
</div>
<!--页面信息 end-->
</body>
</html>
